<!DOCTYPE html>
<html>
  
  <head lang="en">
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/player.css">
    
  </head>
  <body>

    <!--播放器-->
    <div id="player" style="bottom: -57px;">
      <audio autoplay="autoplay" id="mymusic">
        <source src="./img/3.mp3" type="audio/mp3"></audio>
      <div class="playerSplice opacity95"></div>
      <div id="playerBox">
        <div class="player">
          <div class="open lock" class="opacity95"></div>
          <div class="playerLeft">
            <div class="musicControll">
              <div class="prev" id="wp_playPreBtn"></div>
              <div class="play" id="wp_playBtn"></div>
              <div class="next" id="wp_playNextBtn"></div>
            </div>
            <img id="artist_Image" src="img/50-50.jpg"></div>
          <div class="playerMid">
            <p id="wp_text">好音质 用酷我</p>
            <div id="prograssBar">
              <div id="wp_bufBar">
                <div class="prograssBar" id="wp_processBar"></div>
                <a href="##" class="schedule_btn" id="wp_processBtn" style="left: 0;"></a>
              </div>
            </div>
          </div>
          <div class="playerRight">
            <p id="wp_playTime" class="opacity">00.00</p>
            <div id="pinzhi">
              <a href="##" class="changePz">流畅</a></div>
            <div id="controllBtn">
              <div class="sound" id="wp_mute">
                <div id="soundBox">
                  <div class="soundPro">
                    <div class="soundPro" id="wp_volBar"></div>
                    <a href="##" id="wp_volBtn"></a>
                  </div>
                </div>
              </div>
              <a href="##" class="loop" id="mode" title="顺序循环"></a>
              <a href="##" class="kSong" title="K歌"></a>
              <div class="menu" title="列表 "></div>
              <a href="##" class="down click_log" title="下载"></a>
              <div class="share" title="分享">
                <div class="shareBox">
                  <div class="sharecontent">
                    <a href="##" class="quickShare new_sina" data-cmd="tsina" title="分享到新浪微博"></a>
                    <a href="##" class="quickShare new_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
                    <a href="##" class="quickShare new_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
                    <a href="##" class="quickShare new_douban" data-cmd="douban" title="分享到豆瓣网"></a>
                    <a href="##" class="quickShare new_renren" data-cmd="renren" title="分享到人人网"></a>
                  </div>
                </div>
              </div>
              <div class="ewm" title="二维码">
                <div class="ewmBox">
                  <img width="144" src="img/ewm.png"></div>
              </div>
              <div id="addTips">
                <p>已添加至播放列表</p>
              </div>
            </div>
          </div>
        </div>
        <div id="playList">
          <div id="playListBox">
            <div class="splice opacity90"></div>
            <div id="playCon">
              <div id="lrc">
                <div class="splice"></div>
                <p id="lrcName">好音质 用酷我</p>
                <div id="lrcConId"></div>
              </div>
              <div id="musicList">
                <div class="splice opacity30"></div>
                <div class="listNum">
                  <p>播放列表</p>
                  <span title="关闭"></span>
                </div>
              </div>
              <div class="border opacity40"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
  

</html>